<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增加员工信息</title>
</head>
<body>
<form id="frm">

    <label for="ename">员工名:</label>
    <input type="text" id="ename" name="ename" required>
    <br>
    <label for="sal">工资:</label>
    <input type="text" id="sal" name="sal" required>
    <br>
    <label for="job">职位:</label>
    <input type="text" id="job" name="job" required>
    <br>
    <input type="button" id="btn" value="提交">

</form>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<script>
   /*语法：$.ajax({键值对});
    //使用$.ajax()发送异步请求
    $.ajax({
        url:"ajaxServlet1111" , // 请求路径
        type:"POST" , //请求方式
        //data: "username=jack&age=23",//请求参数
        data:{"username":"jack","age":23},
        success:function (data) {
            alert(data);
        },//响应成功后的回调函数
        error:function () {
            alert("出错啦...")
        },//表示如果请求响应出现错误，会执行的回调函数

        dataType:"text"//设置接受到的响应数据的格式
    });*/
   $(function (){
     var dataArray= $("#frm").serializeArray();
     var dataObject={};
       $.each(dataArray,function(i,item){
           dataObject[item.name] = item.value;
       });
       $("#btn").click(function (){
           $.post({
               async: true,
               cache: false,
               url:"/addEmp" , // 请求路径
               data:JSON.stringify(dataObject),
               contentType: "application/json",
               success:function (res) {
                   if(status=="success"){
                       alert(res.message);
                   }else{
                       alert(res.message);
                   }

               },//响应成功后的回调函数
               error:function () {
                   alert("出错啦...")
               },//表示如果请求响应出现错误，会执行的回调函数

           });
       })
   })


/*

    $("#btn").click(function (){
        var formArray=$("#frm").serializeArray();
        var formObject = {};
        $.each(formArray,function(i,item){
            formObject[item.name] = item.value;
        });

        $.post({
            url:"/add.do",
            async: true,
            cache: false,
            contentType: "application/json",
            data: JSON.stringify(formObject),
            success:function (result){
                if (result.status === "success") {
                    alert(result.message); // 操作成功提示
                } else {
                    alert(result.message); // 操作失败提示
                }
            },
            error: function(xhr, status, error) {
                alert("请求失败: " + error);
            }
        });
    });
*/



</script>


<!--
<#&#45;&#45;${emp.ename}<br>
${emp.sal}<br>
${emp.hiredate?string("yyyy-MM-dd HH:mm:ss zzzz")}
${Session["emp"].ename}&ndash;&gt;-->
</body>
</html>